<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 头部区域-->
    <header class="banxin headBox">
        <!-- 左边 -->
        <p class="fl">
            <a href="">欢迎来到Easy life</a>
        </p>
        <!-- 右边 -->
        <p class="fr">
            <a href="">登录</a>
            <a href="">注册</a>
            <a href="">我的账户</a>
        </p>
    </header>
    <!-- 导航区域 -->
    <nav class="banxin navBox">
        <!-- 左 -->
        <h1 class="fl">
            <img src="./images/logo.gif" alt="logo">
        </h1>
        <!-- 中 -->
        <ul class="fl">
            <li><a href="">首页</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">家具用品</a></li>
            <li><a href="">装修必看</a></li>
            <li><a href="">常见问题</a></li>
        </ul>   
        <!-- 右 -->
        <ol class="fr">
            <li>
                <i class="iconfont icon-sousuoxiao"></i>
            </li>
            <li class="shopCar">
                <i class="iconfont icon-gouwuche-tianchong"></i>
                <span>99</span>
            </li>
        </lo>
    </nav>
    <!--首页（小图标） -->
    <section class="banxin shouYeBox">
        <div class="fl">
            <li>
                <img src="./images/首页.png" alt="">
            </li>
            <li>首页</li>
            <li>></li>
            <li>家具用品</li>
        </div>
    </section>
    <hr class="banxin">
    <!-- 商品列表区域 -->
    <section class="banxin listBox">
        <!-- 左 -->
        <div class="GW fl">
        <div class="gwLie fl">
            <h3>购物</h3>
            <div class="liebiao">
                <ol>产品类别</ol>
                <li>客厅
                   <p class="fr">(5)</p> 
                </li>
                <li>餐厅
                   <p class="fr">(15)</p> 
                </li>
                <li>厨房
                   <p class="fr">(4)</p> 
                </li>
                <li>卧室
                   <p class="fr">(6)</p> 
                </li>
                <li>浴室
                   <p class="fr">(6)</p> 
                </li>
                <li>儿童
                   <p class="fr">(9)</p> 
                </li>
                <li>办公
                   <p class="fr">(2)</p> 
                </li>
                <li>饰品
                   <p class="fr">(7)</p> 
                </li>
                <ol>价格排序</ol>
                <li>
                    <input type="text" value="区间">
                </li>
                <li>价格：</li>
                <li>
                    <input type="text" value="￥49">
                    __
                    <input type="text" value="￥490">
                </li>
            </div>
        </div>
        <div class="duibi fl">
            <h3>对比</h3>
            <div class="meiduibi">
                <ol>没有产品可供比较</ol>
                <li>
                    <a href="">清除所有</a>
                    <input type="text" value="对比">
                </li>
            </div>
        </div>
        <div class="biaoqian fl">
            <h3>产品列表标签</h3>
            <div class="meiduibi">
                <li>
                    <input type="text" value="衬衫">
                    <input type="text" value="潮裤">
                </li>
                <li>
                    <input type="text" value="时尚">
                    <input type="text" value="包包">
                </li>
                <li>
                    <input type="text" value="笔记本电脑">
                </li>
            </div>
        </div>
        <div class="zuishouhaoping fl">
            <h3>最受好评的产品</h3>
            <div class="haopingchanping">
                <li>
                    <a href="">
                        <p>
                            <img src="./images/1111_11.gif" alt="">
                        </p>
                        <p>植物盆栽</p>
                        <p class= pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                        </p>
                        <span class="oldjaige">￥148.00</span>
                        <span class="jaige">￥129.00</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="./images/diaodeng_13.gif" alt="">
                        </p>
                        <p>Easy Life 新款精品吊灯</p>
                        <p class= pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                        </p>
                        <span class="oldjaige">￥148.00</span>
                        <span class="jaige">￥129.00</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="./images/2制作Easy-Life家居电商网站产品列表页_13.gif" alt="">
                        </p>
                        <p>Easy Life 精品盆栽</p>
                        <p class= pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                        </p>
                        <span class="oldjaige">￥148.00</span>
                        <span class="jaige">￥129.00</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="./images/2制作Easy-Life家居电商网站产品列表页_17.gif" alt="">
                        </p>
                        <p>Easy Life 新款精品镜子</p>
                        <p class= pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                        </p>
                        <span class="oldjaige">￥148.00</span>
                        <span class="jaige">￥129.00</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>
                            <img src="./images/2制作Easy-Life家居电商网站产品列表页_21.gif" alt="">
                        </p>
                        <p>仙人掌植物盆栽</p>
                        <p class= pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                        </p>
                        <span class="oldjaige">￥148.00</span>
                        <span class="jaige">￥129.00</span>
                    </a>
                </li>
            </div>
        </div>
        </div>
        <!-- 右 -->
    <div class="duotupain">
        <!-- 图 -->
        <p class="xbanner">
            <img src="./images/2制作Easy-Life家居电商网站产品列表页_03.gif" alt="" >
        </p>
        <!-- 默认排序 -->
        <div class="paixufanshi">
            <div class="fl">
                <p>
                <img src="./images/images/2.gif" alt="">
                </p>
            </div>
            <div class="xiala fr">
                <p>排序方式</p>
                <p>
                    <select name="" id="" value="">
                    <option value="默认排序" selected>默认排序</option>
                    </select>
                </p>
                <p>显示15项结果中的1-12项</p>
            </div>
        </div>
        <!-- 十二产品 -->
        <div class="shierchanpin">
            <div class="chanpin1 fl">
                <ul>
                    <li class="hot">
                        <a href="">
                            <p><img src="./images/03-09.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款精品落地灯</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥39.00</span>
                            <span class="oldjaige">￥55.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/xiangzao.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款植物皂</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥19.90</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/yizi2.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款座椅</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥80.00</span>
                            <span class="oldjaige">￥125.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/2制作Easy-Life家居电商网站产品列表页_22.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款围巾</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥60.00</span>
                            <span class="oldjaige">￥99.00</span>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="chanpin1 fl">
                <ul>
                    <li class="hot">
                        <a href="">
                            <p><img src="./images/2制作Easy-Life家居电商网站产品列表页_07.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款化妆镜</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥33.00</span>
                            <span class="oldjaige">￥45.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/xiaotaideng.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款精品台灯</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥25.00</span>
                            <span class="oldjaige">￥30.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/muzhuozi.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款八仙桌</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥450.00</span>
                            <span class="oldjaige">￥865.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/2制作Easy-Life家居电商网站产品列表页_10.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款茶杯</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥20.00</span>
                            <span class="oldjaige">￥30.00</span>
                            </p>
                            <!-- <span class="jaige">￥90.00</span>
                            <span class="oldjaige">￥515.00</span> -->
                        </a>
                    </li>
                </ul>
            </div>
            <div class="chanpin1 fl">
                <ul>
                    <li class="hot">
                        <a href="">
                            <p><img src="./images/zhiwubaijian.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款植物摆件</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥90.00</span>
                            <span class="oldjaige">￥515.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/pishafa.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款沙发</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥800.00</span>
                            <span class="oldjaige">￥950.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/bushafa_03_03.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款沙发</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥700.00</span>
                            <span class="oldjaige">￥900.00</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p><img src="./images/taideng03_07.gif" alt=""></p>
                            <p class=" pdl cpTxt">Easy Life 新款精品台灯</p>
                            <p class= "pdl pdWuXing">
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                                <i class="iconfont icon-wuxing"></i>
                            <span class="jaige">￥30.00</span>
                            <span class="oldjaige">￥50.00</span>
                            </p>
                            <!-- <span class="jaige">￥90.00</span>
                            <span class="oldjaige">￥515.00</span> -->
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 翻页 -->
        <div class="paixufanshi">
            <div class="fanye1 fr">
                <a href=""><li>1</li></a>
                <a href=""><li>2</li></a>
                <a href=""><li>3</li></a>
            </div>
        </div>
    </section>
    <!-- 五图标 -->
    <section class="banxin wuxiaotubiaoBox">
        <p class="banxin"><img src="./images/hezuo.gif" alt=""></p>
    </section>
    <!-- 尾部区域 -->
    <footer class="footBox">
        <div class="footTop">
            <ul class="banxin">
                <li>
                    <h4 class="footTit">购物指南</h4>
                    <p>购物流程</p>
                    <p>会员介绍</p>
                    <p>生活旅行/团购</p>
                    <p>常见问题</p>
                    <p>常见问题</p>
                    <p>常见问题</p>
                </li>
                <li>
                    <h4 class="footTit">配送方式</h4>
                    <p>上门自提</p>
                    <p>211限时达</p>
                    <p>配送服务查询</p>
                    <p>配送费收取标准</p>
                    <p>海外配送</p>
                </li>
                <li>
                    <h4 class="footTit">支付方式</h4>
                    <p>货到付款</p>
                    <p>在线支付</p>
                    <p>分期付款</p>
                    <p>邮局汇款</p>
                    <p>公司转账</p>
                </li>
                <li>
                    <h4 class="footTit">售后服务</h4>
                    <p>售后政策</p>
                    <p>价格保护</p>
                    <p>退款说明</p>
                    <p>返修/退换货</p>
                    <p>取消订单</p>
                </li>
            </ul>
        </div>
        <div class="footCenter">
            <ul class="banxin">
                <li>
                    <p class="flogo">
                        <img src="./images/logo02.png" alt="">
                    </p>
                    <p class="ftxt">Easy Life是知名家具和家居零售商,设计时尚的系列产品在功能和风格上种类繁多。
                        无论你喜爱哪一种风格,都有为所有人提供的家居产品和解决方案,并以为大众创造更
                        加美好的日常生活为理念。Easy Life家居官方网上商城全面上线！</p>
                    <p class="ficon">
                        <i class="iconfont icon-weixin"></i>
                        <i class="iconfont icon-weibo"></i>
                        <i class="iconfont icon-qq"></i>
                    </p>
                </li>
                <li>
                    <h4 class="footTit">联系方式</h4>
                    <!-- <p class="ficon">
                        <i class="iconfont icon-dianhuatianchong"></i>
                        <i class="iconfont  icon-dingweixiao"></i>
                        <i class="iconfont icon-envelope-full"></i>
                    </p> -->
                    <p>400-6*8-9*8</p>
                    <p>心兴市海洋区贝关路5区166号 Easy Life生活家具责任公司</p>
                    <p>xjg**********98@163.com</p>
                </li>
                <li>
                    <h4 class="footTit">营业时间</h4>
                    <p>周一至周五</p>
                    <p>周六</p>
                    <p>周日</p>
                </li>
            </ul>
        </div>
        <div class="banxin footButtom">Copyright©2019 </div>
    </footer>
</body>
</html>